<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8" />
    <title>公司介绍</title>
    <link rel="stylesheet" href="css/yueke.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body class="background_grey">
    <div class="header">
        <div class="header_in">
            <div class="header_logo">
                <h1></h1>
                <img src="images/index_log.jpg" />
            </div>
            <div class="header_nav">
                <ul>
                    <li><a href="model_news_list.html">前沿资讯</a></li>
                    <li><a href="model_problem_list.html">互动问答</a></li>
                    <li><a href="model_personage_center.html">帮助中心</a></li>
                </ul>
            </div>
            <div class="header_info">
                <div class="header_info_find"><a href="model_person_index.html">寻找合作伙伴</a></div>
                <div class="header_greet">
                    enzo，您好
                </div>
                <div class="header_register display_none">
                    <a href="#">登录</a>|
                    <a href="#">注册</a>
                </div>
                <div class="header_exit">
                    <a href="#">我的项目</a>|
                    <a href="#">退出</a>
                </div>
                <div class="header_become display_none">
                    <a href="#">成为我们的专家</a>
                </div>
            </div>
            <div class="clear_both"></div>
        </div>
    </div>
    <div class="personage_wrap">
        <div class="personage_nav company_nav">
            <div class="personage_nav_title">关于我们</div>
            <ul class="personage_nav_list">
                <li class="item1 active">
                    <span></span>公司介绍
                </li>
                <li class="item2">
                    <span></span>新闻公告
                </li>
                <li class="item3">
                    <span></span>团队介绍
                </li>
            </ul>
            <div class="personage_nav_title">交易指南</div>
            <ul class="personage_nav_list">
                <li class="item4">
                    <span></span>客户说明
                </li>
                <li class="item5">
                    <span></span>极客说明
                </li>
            </ul>
            <div class="personage_nav_title">意见反馈</div>
            <ul class="personage_nav_list">
                <li class="item6">
                    <span></span>联系我们
                </li>
                <li class="item7">
                    <span></span>用户协议
                </li>
                <li class="item8">
                    <span></span>投诉仲裁
                </li>
                <li class="item9">
                    <span></span>意见反馈
                </li>
            </ul>
        </div>
        <div class="personage_main">
            <div class="company_introduce_title">
                <h2>公司介绍</h2>
            </div>
            <div class="personage_main_in">
                <div class="company_introduce_detail">
                    <p><span>粤科众包</span>是一个集平台、资讯、问答于一身的科技型众包网站，基于云计算技术搭建的云端软件开发平台作为沟通和监管工具，通过平台积累的大量高水平的开发者为软件需求方提供高质量的设计及研发成果，并提供专业的项目顾问服务对项目进行全程协助，在线全程监管工具。码市的目标是打破传统软件外包行业的信息不对称，让开发成本、过程更透明。旨在通过云端众包的方式提高软件交付的效率，帮助软件开发行业实现高效的资源匹配。</p>
                    <p><span>行业专家</span>可以在粤科众包找到合适的项目并将自身专业技能转变成财富。粤科众包作为第三方监管平台，会对所有项目进行相应审核和全程协助并提供付款担保，行业专家只要按时完成项目开发即可获取相应酬金。</p>
                    <p><span>需求方</span>可以在粤科众包以低成本获取高质量专业开发者技能资源完成项目开发，加速软件开发效率，节省人力成本，降低风险，快速高质量把想法落地成产品。</p>
                </div>
            </div>
        </div>
    </div>
    <div class="index_footer">
        <div class="index_footer_link">
            <a href="">新闻公告</a>|
            <a href="">关于我们</a>|
            <a href="">联系我们</a>|
            <a href="">用户协议</a>
        </div>
        <p class="index_footer_copy">Copyright©2016 yk-zb.com 粤科众包 版权所有 粤ICP备16027165号-1</p>
    </div>
</body>
</html>
<script type="text/javascript">
    $(function() {
        /*左边导航*/
        (function fnTab(){
            for( var i = 0; i< $('.personage_nav li').length; i++){
                if($('.personage_nav li').eq(i).hasClass('active')){
                    console.log(i);
                    var index = i;
                }
            }

            $('.personage_nav li').hover(function() {
                $('.personage_nav li').eq(index).addClass('active');
                $(this).addClass('active');
            }, function() {
                $(this).removeClass('active');
                $('.personage_nav li').eq(index).addClass('active');
            });
                
        })();
    });
</script>